import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import styles from './orderItem.css'
class OrderItem extends React.Component {
  componentDidMount() {

  }
  goDetail(){

  }

  render() {
    let {info}=this.props
    return (
      <div className={styles.item_box} onClick={this.goDetail}>
        <div className={`order_flex  flex_between flex_center status${info.status}`}>
         <div className={`${styles.dian} dian`}></div>
          <div style={{flex:1}}><span >单&nbsp;&nbsp;&nbsp;号：</span>{info.num}</div>
         {info.status==1?<span className={styles.bule}>待审核</span>:''}
         {info.status==2?<span className={styles.bule}>已审核</span>:''}
         {info.status==3?<span className={`${styles.bule}`}>全部出库</span>:''}
        </div>
        <div className="order_flex  flex_between flex_center">
          <div className={styles.padding_left}>
            <div><span>交货日：</span>{info.date}</div>
            <div><span>客&nbsp;&nbsp;&nbsp;户：</span>{info.name}</div>
            <div><span>销售额：</span>{info.price}</div>
          </div>
          <div>
            <span className={styles.right_icon}></span>
          </div>
        </div>
      </div>
    )
  }
}

OrderItem.propTypes = {
};

export default withStyles(styles)(OrderItem);
